<%@ page language="java" pageEncoding="UTF-8" errorPage="error.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户中心-超级土豆</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="超级土豆刷钻平台，安全免费的淘宝刷钻平台，完全由用户人工模拟真实交易过程">
		<meta http-equiv="keywords" content="刷钻,刷钻平台,淘宝刷钻平台,刷信誉,淘宝刷信誉,互刷信誉,免费刷信誉,互刷平台,淘宝互刷">
		<meta http-equiv="description" content="超级土豆刷钻平台，安全免费的淘宝刷钻平台，完全由用户人工模拟真实交易过程">
		
		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	    <!--[if lt IE 9]>
	      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	    <![endif]-->
	    
		<link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		<link href="css/app.css" rel="stylesheet">
	</head>
	<body>
		<%@ include file="/common/header.jsp"%>
		<div id="content">
			<div class="container padding-top30">
				<div class="row">
					<div class="span12 margin-top30">
						<legend><strong>用户中心</strong></legend>
					</div>
					<div class="span3 bs-docs-sidebar">
						<%@ include file="/common/operate.jsp"%>
					</div>
					<div class="span9">
						<legend class="legend-small">
							<i class="icon-large icon-bank"></i>
							用户信息
						</legend>
						<p>您好，尊敬的 caicai_vip <span class="badge badge-vip">VIP</span> 用户，欢迎您来到超级土豆用户中心。</p>
						<p>您上次登录的IP是：127.0.0.1</p>
						<p>您上次登录的时间是：2012-10-3 15:15:15</p>
						<table class="table table-middle table-striped">
							<thead>
								<tr>
									<th width="13%">项目</th>
									<th width="27%">状态</th>
									<th>操作/描述</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><strong>账户余额</strong></td>
									<td><code>￥869.36</code></td>
									<td>
										<a class="btn btn-success btn-small">充值</a>
										<a class="btn btn-small">提现</a>
									</td>
								</tr>
								<tr>
									<td><strong>金豆</strong></td>
									<td>
										<i class="icon-gift"></i>
										869.36
									</td>
									<td>
										<a class="btn btn-small">购买</a>
										<a class="btn btn-small">出售</a>
									</td>
								</tr>
								<tr>
									<td><strong>奖励金豆</strong></td>
									<td>
										<i class="icon-gift"></i>
										869.36
									</td>
									<td>
										奖励金豆，不能出售和购买，只能用来发布任务。
									</td>
								</tr>
									<tr>
									<td><strong>信用指数</strong></td>
									<td>
									    <i class="icon-star"></i>
									    <i class="icon-star"></i>
									    <i class="icon-star"></i>
									    <i class="icon-dislike"></i>
									    <i class="icon-dislike"></i>
									</td>
									<td>
										做任务时，对方给您的信用评价。
									</td>
								</tr>
								<tr>
									<td><strong>等级</strong></td>
									<td colspan="2">
										<i class="icon-gift"></i>								
									</td>
								</tr>
								<tr>
									<td><strong>警告</strong></td>
									<td>
										<code>&nbsp;6&nbsp;</code> 次
									</td>
									<td>
										当您一个月没有新警告时，以前的警告会清零。
									</td>
								</tr>
							
								<tr>
									<td><strong>VIP</strong></td>
									<td>
										<span class="muted">您不是VIP，马上购买，享更多特权<span>
									</td>
									<td>
										<a class="btn btn-info btn-small">购买VIP</a>
									</td>
								</tr>
							</tbody>
						</table>
						<div class="margin-top50"></div>
						<legend class="legend-small">
							<i class="icon-large icon-mlist"></i>
							任务统计
						</legend>
						<div class="span4 margin-left0 margin-right20" style="width: 420px">
							<p><strong>发布方</strong></p>
							<table class="table table-middle table-pub">
								<thead>
									<tr>
										<th width="10%">#</th>
										<th width="30%">任务状态</th>
										<th width="30%">任务数量</th>
										<th width="30%">操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><span class="badge badge-success">1</span></td>
										<td><strong>等待接手</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-success">4</span></td>
										<td><strong>等待审核</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-success">6</span></td>
										<td><strong>等待发货</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-success">8</span></td>
										<td><strong>等待确认</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="span4 margin-left0" style="width: 415px">
							<p><strong>接手方</strong></p>
							<table class="table table-middle table-acc">
								<thead>
									<tr>
										<th width="10%">#</th>
										<th width="30%">任务状态</th>
										<th width="30%">任务数量</th>
										<th width="30%">操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><span class="badge badge-warning">2</span></td>
										<td><strong>等待接手</strong></td>
										<td><code>&nbsp;16&nbsp;</code></td>
										<td><a class="btn btn-small">进入任务大厅 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-warning">3</span></td>
										<td><strong>等待输入小号</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-warning">5</span></td>
										<td><strong>等待付款</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
									<tr>
										<td><span class="badge badge-warning">7</span></td>
										<td><strong>等待收货</strong></td>
										<td><code>&nbsp;6&nbsp;</code></td>
										<td><a class="btn btn-small">详细 &raquo;</td>
									</tr>
								</tbody>
							</table>
						</div>
						
					</div>
				</div>
			</div>
	
			<%@ include file="/common/footer.jsp"%>
		</div>
		
		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap/bootstrap.js"></script>
		<script src="js/lib/underscore-min.js"></script>
		<script src="js/lib/backbone-min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			setHeader("userinfo");
		</script>
	</body>
</html>